<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="include/peizhi.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="${ctx}">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
        
        <title>后台管理中心</title> 
		<link rel="stylesheet" href="${ctx}/css/pintuer.css" /> 
		<link rel="stylesheet" href="${ctx}/css/admin.css" /> 
        <script type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js"></script>
    </head>
  	<body style="background-color:#f2f9fd;"> 
	  <jsp:include page="include/header.jsp" flush="true"/>
  <div class="admin"> 
  	<form method="post" action="">
	  <div class="panel admin-panel">
	    <div class="panel-head"><strong class="icon-reorder"> 留言管理</strong></div>
	    <div class="padding border-bottom">
	      <ul class="search">
	        <li>
	          <button type="button"  class="button border-green" id="checkall"><span class="icon-check"></span> 全选</button>
	          <button type="submit" class="button border-red"><span class="icon-trash-o"></span> 批量删除</button>
	        </li>
	      </ul>
	    </div>
	    <table class="table table-hover text-center">
	      <tr>
	        <th width="120">ID</th>
	        <th>姓名</th>       
	        <th>电话</th>
	        <th>邮箱</th>
	        <th>其他</th>
	        <th width="25%">内容</th>
	         <th width="120">留言时间</th>
	        <th>操作</th>       
	      </tr>      
	        <tr>
	          <td><input type="checkbox" name="id[]" value="1" />
	            1</td>
	          <td>神夜</td>
	          <td>13420925611</td>
	          <td>564379992@qq.com</td>  
	           <td>深圳市民治街道</td>         
	          <td>这是一套后台UI，喜欢的朋友请多多支持谢谢。</td>
	          <td>2016-07-01</td>
	          <td><div class="button-group"> <a class="button border-red" href="javascript:void(0)" onclick="return del(1)"><span class="icon-trash-o"></span> 删除</a> </div></td>
	        </tr>
	        <tr>
	          <td><input type="checkbox" name="id[]" value="1" />
	            1</td>
	          <td>神夜</td>
	          <td>13420925611</td>
	          <td>564379992@qq.com</td>  
	           <td>深圳市民治街道</td>         
	          <td>这是一套后台UI，喜欢的朋友请多多支持谢谢。</td>
	          <td>2016-07-01</td>
	          <td><div class="button-group"> <a class="button border-red" href="javascript:void(0)" onclick="return del(1)"><span class="icon-trash-o"></span> 删除</a> </div></td>
	        </tr>
	          <tr>
	          <td><input type="checkbox" name="id[]" value="1" />
	            1</td>
	          <td>神夜</td>
	          <td>13420925611</td>
	          <td>564379992@qq.com</td>  
	           <td>深圳市民治街道</td>         
	          <td>这是一套后台UI，喜欢的朋友请多多支持谢谢。</td>
	          <td>2016-07-01</td>
	          <td><div class="button-group"> <a class="button border-red" href="javascript:void(0)" onclick="return del(1)"><span class="icon-trash-o"></span> 删除</a> </div></td>
	        </tr>
	          <tr>
	          <td><input type="checkbox" name="id[]" value="1" />
	            1</td>
	          <td>神夜</td>
	          <td>13420925611</td>
	          <td>564379992@qq.com</td>  
	           <td>深圳市民治街道</td>         
	          <td>这是一套后台UI，喜欢的朋友请多多支持谢谢。</td>
	          <td>2016-07-01</td>
	          <td><div class="button-group"> <a class="button border-red" href="javascript:void(0)" onclick="return del(1)"><span class="icon-trash-o"></span> 删除</a> </div></td>
	        </tr>
	          <tr>
	          <td><input type="checkbox" name="id[]" value="1" />
	            1</td>
	          <td>神夜</td>
	          <td>13420925611</td>
	          <td>564379992@qq.com</td>  
	           <td>深圳市民治街道</td>         
	          <td>这是一套后台UI，喜欢的朋友请多多支持谢谢。</td>
	          <td>2016-07-01</td>
	          <td><div class="button-group"> <a class="button border-red" href="javascript:void(0)" onclick="return del(1)"><span class="icon-trash-o"></span> 删除</a> </div></td>
	        </tr>
	      <tr>
	        <td colspan="8"><div class="pagelist"> <a href="">上一页</a> <span class="current">1</span><a href="">2</a><a href="">3</a><a href="">下一页</a><a href="">尾页</a> </div></td>
	      </tr>
	    </table>
	  </div>
	</form>
	<script type="text/javascript">
	
	function del(id){
		if(confirm("您确定要删除吗?")){
			
		}
	}
	
	$("#checkall").click(function(){ 
	  $("input[name='id[]']").each(function(){
		  if (this.checked) {
			  this.checked = false;
		  }
		  else {
			  this.checked = true;
		  }
	  });
	})
	
	function DelSelect(){
		var Checkbox=false;
		 $("input[name='id[]']").each(function(){
		  if (this.checked==true) {		
			Checkbox=true;	
		  }
		});
		if (Checkbox){
			var t=confirm("您确认要删除选中的内容吗？");
			if (t==false) return false; 		
		}
		else{
			alert("请选择您要删除的内容!");
			return false;
		}
	}
	
	</script>
   <!-- <iframe scrolling="auto" rameborder="0" src="info.jsp" name="right" width="100%" height="100%"></iframe>  -->
  </div> 
 </body>
</html>